.inbiz-BizBody {
  height: calc(100% - 60px);

  .adm-tabs {
    height: 100%;

    .adm-tabs-header {
      position: relative;
      border: none;

      .adm-tabs-tab-line {
        transform: translate3d(0, 0, 0);
      }

      .adm-tabs-tab-wrapper {
        margin-right: 20px;
        padding: 0;
      }

      .adm-tabs-tab-active {
        color: var(--inbiz-color-primary) !important;
        font-size: 16px;
      }

      .adm-tabs-tab {
        color: var(--inbiz-color-text);
        font-size: 16px;
      }
    }

    &.process-notabstitle {
      .adm-tabs-header {
        display: none;
      }
    }

    .adm-tabs-content {
      height: calc(100% - 40px);
      padding: 0;
      padding-top: 10px;

      .processCenter-h5-easy-item-wrapper {
        height: 100%;

        .processCenter-h5-easy-group {
          position: relative;
          width: 100%;
          height: 22px;
          margin: 6px 0;

          .processCenter-h5-easy-group-item {
            display: inline-block;
            height: 22px;
            margin-right: 12px;
            margin-bottom: 20px;
            padding: 0 10px;
            color: var(--inbiz-color-secondary-text);
            font-size: 12px;
            line-height: 22px;
            background: #f8f8f8;
            border-radius: 50px;
            transition: 0.3s;

            &.active-group {
              color: white;
              background: var(--inbiz-color-primary);
            }

            &.display-none-group {
              cursor: unset;
              opacity: 0;
            }
          }

          .processCenter-h5-easy-group-more {
            position: absolute;
            top: 3px;
            right: 0;
            width: 16px;
            height: 16px;
          }
        }

        .processCenter-h5-easy-item-process {
          height: 100%;

          .ant-spin-nested-loading {
            height: 100%;

            .ant-spin-container {
              height: 100%;

              .adm-list {
                height: 100%;

                .adm-list-body {
                  height: 100%;
                  border: none;

                  .adm-list-body-inner {
                    height: 100%;
                    overflow: auto;

                    .adm-list-item {
                      padding-left: 0;

                      .adm-list-item-content {
                        padding-right: 0;
                        border: none;

                        .adm-list-item-content-main {
                          display: flex;
                          align-items: center;
                          padding: 10px 0;

                          & > svg {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            height: 24px;
                            margin-right: 6px;
                          }

                          .processCenter-h5-easy-item-process-item-title-wrapper {
                            flex: 1;

                            .processCenter-h5-easy-item-process-item-title {
                              display: flex;
                              align-items: center;
                              height: 24px;
                              line-height: 24px;

                              .processCenter-h5-easy-item-process-item-desc {
                                color: var(--inbiz-color-secondary-text);
                              }

                              .adm-ellipsis {
                                color: var(--inbiz-color-heading);
                                font-size: 14px;
                              }
                            }
                          }

                          .processCenter-h5-easy-item-process-item-group {
                            margin-left: 10px;
                            color: var(--inbiz-color-secondary-text);
                            font-size: 14px;
                          }

                          .processCenter-h5-easy-item-process-item-time {
                            margin-left: 10px;
                            color: var(--inbiz-color-secondary-text);
                            font-size: 14px;
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.processCenter-h5-easy-group-popup-wrapper {
  // height: 300px;
  height: 43vh;
  padding: 0 16px;

  .processCenter-h5-easy-group-popup-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    padding: 0 10px;

    .processCenter-h5-easy-group-popup-title-cancel {
      color: var(--inbiz-color-text);
      font-size: 16px;
    }

    .processCenter-h5-easy-group-popup-title-text {
      color: var(--inbiz-color-heading);
      font-size: 17px;
    }

    .processCenter-h5-easy-group-popup-title-on {
      color: var(--inbiz-color-primary);
      font-size: 16px;
    }

    .processCenter-h5-easy-group-popup-title-hidden {
      font-size: 16px;
      opacity: 0;
    }
  }

  .processCenter-h5-easy-group-popup-content {
    max-height: 244px;
    overflow: auto;

    .processCenter-h5-easy-group-popup-content-item {
      display: flex;
      justify-content: space-between;
      height: 56px;
      // border-bottom: 1px solid #f8f8f8;
      padding: 0 20px 0 10px;
      overflow: hidden;
      color: #333;
      font-size: 16px;
      line-height: 56px;

      span {
        line-height: 56px;
      }

      &.active-group {
        color: var(--inbiz-color-primary);
      }
    }
  }
}
